.tab-box{
    display: flex;
    flex-direction: row;
}
.arrow-left,.arrow-right{
    cursor: pointer;
}
.arrow-left >img,.arrow-right>img{
    height: 35px;
}
.arrow-right{
    position: relative;
}
.shadow{
    position: absolute;
    width: 60px;
    height:35px;
    background-image: linear-gradient(to right, #03252a , #000);
    opacity: 0.6;
    top:0;
    left:-50px;
}
.tab-item-box{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.tab-slide{
    overflow-x: auto;
    .tab-item-box {
        padding: 0 10px;
        box-sizing: border-box;
        .tab-item{
            display: flex;
            justify-content: center;
            align-items: center;
            color:#819fa3;
            cursor: pointer;
            text-align: center;
            background: url("./img/type_3_bg.png") no-repeat;
            background-size: 120% 165%;
            background-position: center 30%;
            border-radius: 5px;
        }
        .active{
            background-image: url("./img/type_3_bgAct.png");
            color:#fff;
        }

        transition:all .3s;
    }
}

.tab-slide::-webkit-scrollbar{
    display: none;
}
